<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM编程-关于正则表达式</title>
</head>
<body>
<!--
.：匹配除换行符以外的任意字符
\w：匹配字母或数字或下划线或汉字
\s：匹配任意的空白符
\d：匹配数字
\b：匹配单词的开始或结束
^：匹配字符串的开始
&：匹配字符串的结束

*：重复零次或更多次
+：重复一次或更多次
？：重复零次或一次
{n} 重复n次
{n，}：重复n次或更多次
{n，m}：重复n到m次

\W              匹配任意不是字母，数字，下划线，汉字的字符
\S              匹配任意不是空白符的字符
\D              匹配任意非数字的字符
\B              匹配不是单词开头或结束的位置
[^x]            匹配除了x以外的任意字符
[^aeiou]        匹配除了aeiou这几个字母以外的任意字符

创建正则表达式：
    第一种创建方式：
        var regExp=/正则表达式/flags;
    第二种创建方式：
        var regExp=new RegExp("正则表达式","flags");

    关于flags：
        g：全局匹配
        i：忽略大小写
        m：多行搜索（ES规范制定之后才支持m）当前面是正则表达式的时候，m不能用，只有前面是普通字符串的时候，m才可以使用。
-->
<script type="text/javascript">
  window.onload=function (){
    document.getElementById("btn").onclick=function (){
      var email=document.getElementById("email").value;
      var emailRegExp=/^[A-Za-z0-9-._]+@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,6})$/;
      var ok=emailRegExp.test(email);
      if (ok){
        document.getElementById("emailError").innerText="邮箱地址合法";
      }else {
        document.getElementById("emailError").innerText="邮箱地址不合法";
      }
    }
    document.getElementById("email").onfocus=function (){
      document.getElementById("emailError").innerText="";
    }
  }
</script>
<input type="text" id="email">
<span id="emailError" style="color: red;font-size: 12px"></span>
<br>
<input type="button" value="验证邮箱" id="btn">
</body>
</html>